<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <link type="text/css" rel="stylesheet" href="/finsys/style.css" media="screen"/>
            <title>Gesti&oacute;n de Cuentas de Ahorro</title>
        </head>
        <body>
            <h1>Gesti&oacute;n de Cuentas de Ahorro</h1>
            <h2>Ingreso Deposito</h2>
            <h:form>
                <fieldset>
                    <legend>Ingreso Deposito</legend>
                    <h:panelGrid columns="1">
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Tipo de Ingreso:" />
                            <h:selectOneMenu id="cboIngreso" value="#{CuentaAhorroController.tipoIngreso}"
                                             onchange="submit()"
                                             valueChangeListener="#{CuentaAhorroController.SeleccionIngreso}">
                                <f:selectItem itemLabel="Con # Cuenta" itemValue="documento" />
                                <f:selectItem itemLabel="Con Tarjeta" itemValue="tarjeta" />
                            </h:selectOneMenu>
                        </h:panelGrid>

                        <h:panelGrid columns="2"  rendered="#{CuentaAhorroController.documento}">
                            <h:outputLabel value="Nro. Cuenta" for="txtNroCuenta"/>
                            <h:inputText id="txtNroCuenta" styleClass="inputs"/>
                        </h:panelGrid>

                        <h:panelGrid columns="2" rendered="#{!CuentaAhorroController.documento}">
                            <h:outputLabel value="Tarjeta" for="txtTarjeta" />
                            <h:inputSecret id="txtTarjeta" styleClass="inputsRead" readonly="true"/>

                            <h:outputLabel value="Clave" for="txtClave" />
                            <h:inputSecret id="txtClave" styleClass="inputs" />
                        </h:panelGrid>

                        <h:panelGroup>
                            <h:commandButton value="Validar" action="#{CuentaAhorroController.ValidarIngresoDeposito}" />
                            <h:commandButton value="Cancelar" action="#{CuentaAhorroController.Cancelar}" />
                        </h:panelGroup>

                        <h:panelGrid columns="1" rendered="#{CuentaAhorroController.verCuentas}">
                            <t:dataTable id="tblCuentas" value="#{CuentaAhorroController.listado}"
                                         var="item" rowClasses="rowImpar, rowPar">
                                <h:column>
                                    <f:facet name="header"><h:outputText value="#Cuenta"/></f:facet>
                                    <h:outputText value="#{item.nroCuenta}" />
                                </h:column>
                                <h:column>
                                    <f:facet name="header"><h:outputText value="Moneda"/></f:facet>
                                    <h:outputText value="#{item.moneda}" />
                                </h:column>
                                <h:column>
                                    <h:commandButton value="Seleccionar"
                                                     action="#{CuentaAhorroController.RealizarOperacion}" />
                                </h:column>
                            </t:dataTable>
                        </h:panelGrid>

                    </h:panelGrid>
                </fieldset>
            </h:form>
        </body>
    </html>
</f:view>